.ant-pagination {
  display: flex;
  li {
    &.ant-pagination-prev,
    &.ant-pagination-next {
      &:hover {
        .ant-pagination-item-link {
          background: transparent;
        }
      }
      button {
        span {
          svg {
            display: none;
          }
          width: 28px;
          height: 28px;
          line-height: 28px;
          border-radius: 50%;
          background-image: url('@/assets/images/pagination-left-n.png');
        }
        &:hover {
          span {
            background-image: url('@/assets/images/pagination-left-h.png');
          }
        }
      }
    }
    &.ant-pagination-next {
      button {
        span {
          background-image: url('@/assets/images/pagination-right-n.png');
        }
        &:hover {
          span {
            background-image: url('@/assets/images/pagination-right-h.png');
          }
        }
      }
    }
    &.ant-pagination-item {
      border: none;
      background: transparent;
      &:not(.ant-pagination-item-active):hover {
        background-color: transparent;
      }
      a {
        width: 28px;
        height: 28px;
        line-height: 28px;
        color: #fff;
        background-image: url('@/assets/images/pagination-number-n.png');
      }
      &.ant-pagination-item-active {
        a {
          color: #fff;
          background-image: url('@/assets/images/pagination-number-h.png');
        }
      }
      &:hover{
        a{
          background-image: url('@/assets/images/pagination-number-h.png');
        }
      }
    }

    &.ant-pagination-jump-prev,
    &.ant-pagination-jump-next {
      .ant-pagination-item-container {
        .ant-pagination-item-ellipsis,
        .ant-pagination-item-link-icon {
          width: 28px;
          height: 28px;
          border-radius: 50%;
          background-image: url('@/assets/images/pagination-number-n.png');
          color: #fff;
          display: flex;
          align-self: center;
          justify-content: center;
          font-size: 14px;
          margin: 0;
        }
        .ant-pagination-item-ellipsis {
          font-weight: normal;
          letter-spacing: 1px;
        }
        .ant-pagination-item-link-icon {
          background-image: url('@/assets/images/pagination-number-h.png');
        }
      }
    }
  }
  .ant-pagination-options{
    .ant-select{
      .ant-select-selection-item{
          color: #fff;
      }
    }
  }
  .ant-pagination-total-text{
    color: #fff;
    flex: 1;
  }
}
